import React from 'react';
import PropTypes from 'prop-types';
import './Header.css'

export default function Header (props) {
	const { onBack, title } = props;
	return (
		<div className="header">
			<div className="header-back" onClick={onBack}>
				<svg width="42" height="42">
					<polyline
						points="25,13 16,21 25,29"
						stroke="#fff"
						strokeWidth="2"
						fill="none"
					/>
				</svg>
			</div>
			<h1 className="header-title"> {title}</h1>
		</div>)
}

Header.propTypes = {
	onBack: PropTypes.func.isRequired,
	title: PropTypes.string.isRequired
}